.main{position: relative;z-index: 10;}
.wrap{width:1200px;margin:auto;}
.grid{width:100%;}
.bgf2{ background:#f2f2f2;}
.none768 {display: none;}
.block768 {display: block;}
/* Ò»ÐÐ */
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-center{position:absolute;left:50%;top:50%;-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.mar50{ margin-top:50px;}
.pad50 { padding: 50px 0;}

/* Í·²¿ */

/****************************** CSS3 Transition ******************************/


.header-box{ position:fixed; width:100%; left:0; top:0; z-index:299;}
.header-box.scollfox { animation: 850ms 350ms;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }

.header{ padding:0px 0; margin:0 0px; position:relative; background:#04447c; box-shadow: -1px 0 6px rgba(0, 0, 0, 0.3); height: 90px;}

.logo{ float:left; line-height:1; overflow:hidden; width:250px; padding-top: 10px; }
.logo img{ display:block; width:100%; height:auto;}

.navMenu{ float: right; }
.nav >li{ float:left; position:relative;  cursor:pointer;  line-height: 90px;}
.nav >li >a{ display:block;padding:0 25px; color:#fff; font-size:15px; position:relative;}
.nav >li >a:hover{color:#fff;}

.nav li:hover a.tit:after {
  content: '';
  display: block;
  height: 4px;
  width: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
  background-color: #fff;
}

.nav li.hover a.tit:after {
  content: '';
  display: block;
  height: 4px;
  width: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
  background-color: #fff;
}


.meundown{ background:#fff; position:absolute; width:132px; padding:15px 6px 25px; margin-top: 10px; left:50%; margin-left:-66px; top: 90px; opacity:0; transition:430ms; visibility:hidden; z-index:999; }
.meundown:before{ content:""; width:10px; height:20px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:50px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:1px; background:#232323; color: #000; position:absolute; left:50%; bottom:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:35px; color:#000; font-size:14px; position:relative;}
.meundown li:hover:before{ width:100%; opacity:1; left:0; color: #000;}
.meundown li a:hover{ color: #000;}
.meundown li .innermenu{
  position:absolute;
  display: none;
  left: 120px;
  top: 0;
  background-color: #fff;
  width: 132px;
  text-align: center;
  padding:15px 6px 15px;
}
.meundown li:hover .innermenu{
  display: block;
}
.meundown li .innermenu a:hover{
  background-color:#eee;
}
.nav >li:hover:before,.nav >li.current:before{ height:80px; opacity:1; z-index: 0; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:90px;}

.header-ri{ float:right; position: relative;}
.header-ri a{ display:block; width: 48px; height: 90px; float:left;background:url(../images/sj-white.png) center no-repeat;}
.header-ri a:hover{ background:url(../images/sj-.png) center no-repeat;}
.header-ri a.search{
  background-image:url('../images/search.png');
  background-size: 16px;
}
#ewm{ width:210px; height:250px; padding:0px; line-height:40px; position:absolute; right:0%; border:1px solid #ccc; background:#fff; top: 70px; text-align:center; color:#352920;z-index:99999999999; }
#ewm img{width:210px; height:210px; padding: 5px;}


/* ¹ö¶¯ÌõÖØÖà */
::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar{width:8px;background-color:#ccc;}
::-webkit-scrollbar-thumb{width:8px;background-color:#ccc;}


/* ÊÓƵ */
.popVideoBj{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 900;background:rgba(0,0,0,.8);display: none;}
.popVideo{position: fixed;width: 900px;height: 506px;top: 50%;left: 50%;z-index: 901;display: none;margin: -253px 0 0 -450px;border:6px solid #840001;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.popVideo iframe{width: 100%;height: 100%;}
.popVideoClose{position:absolute;right: -50px;top:-6px;z-index: 902;background: url(../images/close.png) center center no-repeat #840001;width:44px;height:44px;}
.popVideoClose:hover{opacity:.9;}


.fot_share{margin:20px 0 0 30px;}
.fot_share dl dd{margin-right:20px;float:left;}
.fot_share dl dd a{color:#fff;}
.fot_share dl dd a span{color:#fff;font-size:20px; font-family: 'iconfont';margin:0 4px 0 0;}

.weixinPop{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99;background-repeat: no-repeat;background-position: center center; background-color: rgba(0,0,0,0.8);}

.moreBtn{ text-align: center; font-family: "pf_din_text_comp_proregular"; background: url(../images/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.footer{
    background: #04447c; padding-top: 60px;
}
.footer .ft-t .col-l{
    width:40%;float: left;
    font-size: 14px;
    color: #2b2b2b;
  text-align: left;
}
.footer .ft-t .col-l a{color: #fff;}
.footer .ft-t .col-l .m-tel1 {  float: left; width:60%; padding-left: 0%;}
.footer .ft-t .col-l .m-tel1 .tel h2{ color: #b4c7d7; font-size: 16px;font-weight: normal;}
.footer .ft-t .col-l .m-tel1 .tel p{ line-height: 28px; font-size: 14px; color: #b4c7d7; margin-bottom: 20px; margin-top: 21px; }
.footer .ft-t .col-l .m-tel1 .tel p a:hover{color: #222;}

.footer .ft-t .col-l .m-tel1 .tel .friendlink { float: left; border: 1px solid #d0d7e3; background: #04447c; width: 100%; line-height: 1.2; padding: 9px 0; cursor: pointer; padding-left: 16px; padding-right: 45px;  position: relative; color: #cacaca; font-size: 14px;}
.footer .ft-t .col-l .m-tel1 .tel .friendlink:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; background: url(../images/friendlink_arrow.png) no-repeat scroll center center; transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .45s; -webkit-transition: .45s; }
.footer .ft-t .col-l .m-tel1 .tel .friendlink:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.footer .ft-t .col-l .m-tel1 .tel .friendlink:hover .list { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.footer .ft-t .col-l .m-tel1 .tel .friendlink .list { position: absolute; bottom: 34px; width: 100%; left: 0; border: 1px solid #c8c8c8; margin-left: -1px; padding: 5px 0; background: #fff; opacity: 0; visibility: hidden; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: .45s; -webkit-transition: .45s; }
.footer .ft-t .col-l .m-tel1 .tel .friendlink .link { display: block; padding: 6px 0 6px 16px; position: relative; z-index: 1; color: #666666; }
.footer .ft-t .col-l .m-tel1 .tel .friendlink .link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f3f3f3; transform: scaleY(0); -webkit-transform: scaleY(0); transition: .45s; -webkit-transition: .45s; z-index: -1; }
.footer .ft-t .col-l .m-tel1 .tel .friendlink .link:hover { color: #04447c; }
.footer .ft-t .col-l .m-tel1 .tel .link:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }

.footer .ft-t .col-l .ewm{ width:138px; height: 138px; float: right;}
.footer .ft-t .col-l .ewm p{ color:#fff; width: 138px; text-align: center; height: 30px; line-height: 30px;}
.footer .ft-t .col-r{
    width: 60%;
	float: left;
    overflow: hidden;
}
.footer .ft-t .col-r .menu{width:100%; float: left;}
.footer .ft-t .col-r dl{
     float: left;
    width:25%;
}
.footer .ft-t .col-r dl:last-child{ background: none;}

.footer .ft-t .col-r dt{
    font-size: 16px;
    margin-bottom:20px;
    color: #d3d3d3;
    font-weight:lighter;
    text-align: left;
	padding-left:0px;
}
.footer .ft-t .col-r dt a{color: #b4c7d7;}
.footer .ft-t .col-r dt a:hover{color: #fff;}
.footer .ft-t .col-r dd a{
    display: block;
    font-size: 13px;
    line-height: 2.4em;
    color: #b4c7d7;
    white-space: nowrap;
    overflow: hidden;
  	text-align: left;
}
.footer .ft-t .col-r dd a:hover{color: #fff;}
.footer .ft-t .col-r .cont{ width:100%; border-top: 1px solid #404040; float: left; padding-top: 50px;}
.footer .ft-t .col-r .cont .wx{ width:130px; float: left; margin-right: 50px;}
.footer .ft-t .col-r .cont .wx .txt{width:130px; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #969696;}
.footer .ft-t .col-r .cont p{ font-size: 14px; line-height: 36px; color: #b4b4b4; text-align: left;}

.footer .ft-b{
	margin-top: 50px;
  padding: 25px 0px;
  font-size: 12px;
  color: #b4c7d7;
  text-align: center;
	/* border-top: 1px solid #b4c7d7; */
}
.footer .ft-b a{color: #b4c7d7;}
.footer .ft-b a:hover{color: #fff;}
.footer .ft-b .left { width: 100%; float: left; text-align: center; font-size: 14px;}
.footer .ft-b .right { width: 20%; float: left; text-align: right; color: #b4c7d7;}
.footer .ft-b .right a{color: #b4c7d7;}

.footer_tabbar{width:100%; height:45px; margin:0 auto; position:fixed; bottom:0; left:0; background:#fff; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:33.333%; height:42px; line-height: 45px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar img{
  width: 25px;
  height: 25px;
  margin-top: 10px;
}
.footer_tabbar { display: none;}
/*ʸÁ¿Í¼±ê*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;*/
}

/*******************************
    -------[=ÊÖ»úµ¼º½]-------
********************************/
.menuBtn {
    position: fixed;top: 15px;
    right:2.5%;width: 28px;height: 20px;
    display: none;cursor: pointer;z-index: 1000;
}
.menuBtn em {margin-bottom: 6px;display: block;height: 3px;background-color: #fff;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}


.menuBtn.on em {display: none;margin: -2px 0 0; position: absolute;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    display: none;
    position: fixed;
    top: 65px;left: 0%;right: 0%;
    background-color: #fff;
    z-index: 99;
    border-top: 2px solid #e9e9e9;
    -moz-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    box-shadow:0px 2px 5px rgba(0,0,0,.1);
}
#aside .menu { height: 500px; overflow-y:auto}
#aside .menu li{
    font-size: 16px;
}
#aside .menu li a{


    display: block;
    color: #888;
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #ebebeb;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#aside .menu li > a{
    color: #353535;
    padding: 0 10px;
}
#aside .menu li.h-sub > a{
    background: url(../images/icon-close.png) 95% center no-repeat;
    background-size: auto 14px;
}
#aside .menu li.h-sub.open > a{
    background: url(../images/icon-open.png) 95% center no-repeat;
    background-size: 14px auto;
}
#aside .menu li a:hover{color: #000;}
#aside .sub-nav{display: none;}
#aside .sub-nav dd{padding-left: 10px;font-size: 14px;}


#aside .lg{
    padding: 10px 0 30px;
    text-align: center;
}
#aside .lg a{
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    color: #353535;
    border-bottom: 1px solid #353535;
}
#aside .lg a.on{
    color: #e84044;
    border-bottom: 1px solid #e84044;
}


.mtop{ display:none;}
.flexmeun{ position:fixed; right:20px; bottom:79px; z-index:99;}
.flexlist li{ margin-bottom:1px; background: rgba(0,0,0,0.3); position:relative; transition:320ms ease-in-out;}
.flexlist li:last-child{ margin-bottom:0;}
.flexlist li:before{ content:""; width:100%; height:100%; background: rgba(0,0,0,0.6); position:absolute; right:0; top:0; opacity:
0; transition:320ms;}
.flexlist li a{ display:block; position:relative; width:49px; height:49px;}
.flexlist li:nth-child(1) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:nth-child(2) a{ background:url(../images/hi1.png) center no-repeat;}
.flexlist li:nth-child(3) a{ background:url(../images/use.png) center no-repeat;}
.flexlist li:nth-child(4) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}



/*·ÖÒ³Ñùʽ*/

.page_nav{text-align:center; width:100%; padding: 0px 0 0px 0; margin-top: 40px;}
.pages{ display:inline-block; margin:auto; font-size:12px; height:25px; line-height:25px;}
.pages a{ display:inline-block; float:left; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#04447c; }
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width: 28px; margin-right:1px;}
.pages a.act{ color:#fff; background:#04447c; }
.pages span.rows{float:left;  text-align:center; height:25px; line-height:25px; color:#7b7b7b; margin: 0px 10px; padding: 0px 10px;}



/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){,.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left{background:url(../images/img_l4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--arrow--right{background:url(../images/img_r4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;background:url(../images/img_l2.png) no-repeat scroll center center #a4a4a4;margin-top:-23px;width:44px;height:44px;position:absolute;border-radius:5px}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;background-image:url(../images/img_r2.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{background-color:#e3001e}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*main style end*/



.school-demo{ width: 1038px; margin: 30px auto 0;}
.school-demo .item{ margin: 0px 19px; cursor: zoom-in;}
.school-demo .img{ position: relative; overflow: hidden;}
.school-demo .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.school-demo .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 6px solid rgba(227,0,30,0.44); box-sizing: border-box; opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.school-demo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.school-demo .item:hover .bor{ opacity: 1;  transform:scale(1); -webkit-transform:scale(1);}
.school-demo .slick-arrow { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -26px;}
.school-demo .slick-disabled{ background-color: #E2E2E2; cursor: no-drop;}
.school-demo .slick-disabled:hover:before{ display: none;}
.school-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ee2d31; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.school-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.school-demo .slick-arrow i { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.school-demo .slick-prev { left: -58px; }
.school-demo .slick-next { right: -58px; }
.school-demo .slick-prev i { border-right: 6px solid #fff; }
.school-demo .slick-next i { border-left: 6px solid #fff; }
/*school style end*/

.oneline{
  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}

body{
  background-color: #f6f7fb;
}

body.pc{
  padding-top: 90px;
}

body.pc .for-mb{
  display: none;
}

body.mobile{
  padding-top: 50px;
}

body.mobile .for-pc{
  display: none;
}

body.mobile .content-box{
  width: 100%;
  overflow: auto;
}

.content-wrap{
  width: 100%;
  display: block;
  overflow: auto;
}

.content-box{
  width: 1200px;
  margin: 0 auto;
  clear: both;
}

.top-banner{
  width: 100%;
  line-height: 0;
}

.top-banner img{
  width: 100%;
}

.center-btn-wrap{
  padding: 50px;
  text-align: center;
}

.center-btn-wrap a{
  display: inline-block;
  margin: 0 15px;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  font-size: 16px;
  color: #999;
  padding: 0 35px;
}

.center-btn-wrap a:hover{
  background-color: #f0f4f7;
  color: #333;  
}

.center-btn-wrap a.active{
  background-color: #04447c;
  color: #fff;
}

.center-content-box{
  background-color: #fff;
  padding: 35px;
  margin-bottom: 100px;
}

.center-content-box img{
  max-width: 100%;
}

.center-list-wrap{
  background-color: #fff;
  padding: 35px;
  margin-bottom: 100px;
}

.center-list-wrap .list-swiper{
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
}

.center-list-wrap .list-swiper .swiper-slide{
  position: relative;
  line-height: 0;
}

.center-list-wrap .list-swiper .swiper-slide img{
  width: 100%;
  height: 400px;
}

.center-list-wrap .list-swiper .swiper-slide .title{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-indent: 20px;
  background-color: rgba(0,0,0,0.5);
  width: 100%;
}

.center-list-wrap .list-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
  width: 100px;
  left: auto;
  right: 0;
  bottom: 15px;
}
.center-list-wrap .list-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 5px;
}
.center-list-wrap .list-swiper .swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  background-color: #fff;
}

.center-list-wrap .data-list li{
  height: 50px;
  line-height: 50px;
  position: relative;
}

.center-list-wrap .data-list li:nth-child(odd){
  background-color: #f0f4f7;
}

.center-list-wrap .data-list li:nth-child(6n) {
    border-bottom: 1px solid #d7d7d8;
    height: 90px;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.center-list-wrap .data-list li:before{
  content: '·';
  position: absolute;
  top: 0;
  left: 5px;
  width: 20px;
  text-align: center;
}

.center-list-wrap .data-list li .name{
  padding-left: 25px;
  padding-right: 100px;
  display: inline-block;
  /* white-space: nowrap; */
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}

.center-list-wrap .data-list li .time{
  position: absolute;
  top: 0;
  right: 20px;
}

.center-list-wrap .data-list li:hover .name a{
  color: #04447c;
  cursor: pointer;
  text-decoration: underline;
}

.center-list-wrap .data-list.img li{
  height: 160px;
  padding-left: 240px;
}

.center-list-wrap .data-list.img li .img{
  width: 210px;
  height:140px;
  position: absolute;
  left:10px;
  top:10px;
  background-position:center;
  background-size:cover;
}

.center-list-wrap .data-list.img li .name{
  padding: 0px;
  height: 60px;
  line-height: 40px;
  font-size: 20px;
  color: #000;
  display: block;
  padding-top:20px;
  font-weight:bolder;
  width: 720px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

.center-list-wrap .data-list.img li .time{
  position: absolute;
  line-height: 40px;
  display: block;
  color: #999;
  right: 15px;
  top: 20px;
}

.center-list-wrap .data-list.img li .subtitle{
  margin-top: 10px;
  line-height: 30px;
  height: 60px;
  font-size: 15px;
  color: #666;
  padding-right:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.center-list-wrap .data-list.img li:before{
  display: none;
}

.center-list-wrap .data-list.meiti li{
  width: 356px;
  height: 304px;
  display: inline-block;
  margin: 10px;
  overflow: hidden;
  border: 0;
}

.center-list-wrap .data-list.meiti li .name{
  font-size: 14px;
  color:#333;
  text-align:center;
  line-height: 25px;
  height: 60px;
  overflow: hidden;
  padding: 10px 11px 0;
  display: block;
}

.center-list-wrap .data-list.meiti li .img{
  width: 330px;
  height: 220px;
  background-position:center;
  background-size:cover;
  margin: 10px auto;
  display: block;
}

.center-list-wrap .data-list.meiti li .time{
  position: initial;
  line-height: 20px;
  display: block;
  color: #999;
  text-align:center;
  display: none;
}

.center-list-wrap .data-list.meiti li .subtitle{
  display: none;
}

.center-list-wrap .data-list.meiti li:before{
  display: none;
}
.center-list-wrap .data-list.meiti li:after{

}

.news-wrap{
  background-color: #fff;
  padding: 35px;
  overflow: auto;
  margin-bottom: 100px;
}

.news-wrap .sidebox{
  width: 250px;
  float: left;
  border: 1px solid #d7d7d8;
  display: none;
}

.news-wrap .sidebox li a{
  display: inline-block;
  color: #333;
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
}

.news-wrap .sidebox li a:hover{
  color: #04447c;
}

.news-wrap .sidebox li.sel a{
  background-color: #e6edf2;
  color: #04447c;
  font-size: 20px;
}

.news-wrap .news-box{
  width: 1130px;
  float: right;
}

.news-wrap .news-box .top-line{
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  height: 35px;
  text-align: left;
  border-bottom: 2px solid #04447c;
}

.news-wrap .news-box .news-content .title{
  color: #333;
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 40px;
  line-height: 30px;
  text-align: center;
  padding: 0 100px;
}

.news-wrap .news-box .news-content .sub-title{
  text-align: center;
  color: #777;
  font-size: 16px;
  line-height: 30px;
}

.news-wrap .news-box .news-content .content{
  padding: 40px 0 40px;
  border-bottom: 2px solid #04447c;
  margin-bottom: 40px;
}

.news-wrap .news-box .news-content .content img{
  max-width: 100%;
}

.news-wrap .news-box .news-content .page-share .left{
  width: 500px;
  float: left;
  color: #666;
}

.news-wrap .news-box .news-content .page-share .left .getDiv{
  margin: 5px 0;
}

.news-wrap .news-box .news-content .page-share .left a:hover{
  color: #04447c;
}

.news-wrap .news-box .news-content .page-share .right{
  padding-top: 10px;
  width: 220px;
  float: right;
  color: #666;
  position: relative;
  padding-left: 60px;
}

.news-wrap .news-box .news-content .page-share .right span{
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0;
  line-height: 20px;
}

.news-wrap .news-box .news-content .page-share .right ul{
  display: inline-block;
}

.news-wrap .news-box .news-content .page-share .right li{
  display: inline-block;
}

.common-news-box{
  background-color: #fff;
  padding: 35px 50px;
  margin-bottom: 100px;
}

body.pc{
  min-width: 1280px;
}

body.mobile .center-btn-wrap{
  padding: 25px 15px;
}

body.mobile .center-btn-wrap a{
  margin: 0 5px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding:  0 10px;
  -webkit-transition: none;
  transition: none;
}

body.mobile .center-content-box{
  margin: 0 15px 30px;
}

body.mobile .center-list-wrap{
  margin: 0 15px 30px;
  width: auto;
  padding: 15px;
}

body.mobile .center-list-wrap .data-list li{
  line-height: 36px;
  height: 36px;
}

body.mobile .center-list-wrap .data-list li .name{
  padding-right: 86px;
}

body.mobile .center-list-wrap .data-list li .time{
  font-size: 12px;
  right: 10px;
}

body.mobile .center-list-wrap .data-list li:nth-child(6n) {
  border-bottom: 1px solid #d7d7d8;
  height: 55px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

body.mobile .news-wrap{
  padding: 15px;
  margin: 0 15px 30px;
  width: auto;
}

body.mobile .sidebox{
  display: none;
}

body.mobile .news-box{
  width: 100%;
}

body.mobile .news-box .top-line{
  display: none;
}

body.mobile .news-box .news-content .title{
  margin-top: 10px;
  padding: 0 10px;
  font-size: 20px;
}

body.mobile .news-box .news-content .sub-title{
  font-size: 14px;
  line-height: 24px;
}

body.mobile .news-box .news-content .content{
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

body.mobile .news-box .news-content .page-share .left{
  width: 100%;
}

body.mobile .common-news-box{
  margin: 0 15px 30px;
  width: auto;
  padding: 15px;
}

body.mobile .page_nav{
  margin-top: 20px;
}

body.mobile .pages .rows{
  display: none;
}

body.mobile .pages a{
  width: 20px;
  height: 20px;
  line-height: 20px;
}

body.mobile .pages a.nuble{
  width: 22px;
}

body.mobile .pages .prev{
  display: none;
}